<template>
	<div>
		<button @click="drawer = !drawer">open draw</button>
		<div style="margin-top:500px">
			<el-drawer
			  ref="drawer"
			  custom-class="mydrawer"
			  :visible.sync="drawer"
			  :direction="direction"
			  :with-header="false"
			  :modal="false"
			  :modal-append-to-body="false"
			  :wrapperClosable="false"
			  :show-close="true"
			  :before-close="handleClose">
			</el-drawer>
		</div>
	</div>
</template>

<script>
	export default {
		data() {
			return {
				drawer: false,
				direction: 'rtl'
			};
		},
		methods: {
			handleClose() {
				
			}
		}
	}
</script>

<style>
</style>
